
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

</span>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>{$cp_info.cp_name_new}</title>
	<meta http-equiv="Cache-Control" content="no-store" />
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="Expires" content="0" />
	<link rel="stylesheet" href="__TEMPLATE__/sysme/css/base1.css" />
	<link rel="stylesheet" href="__TEMPLATE__/sysme/css/login.css" />
	<link rel="stylesheet" href="__TEMPLATE__/sysme/css/js-ui.css" />
	
	<script type="text/javascript" src="__TEMPLATE__/sysme/js/jquery-1.9.1.min.js"></script>
	<script>
		var gameNameTemp = '{$game_id}';
		var time_r = {$jztime_fur};
		var time = {$jztime_fur};
		var jztime = {$jzt};
		 window.onload=function()
		{
				$.ajax({
	                type: "post",
	                url: "/index/Processing/timeIntval",
	                data: {"uid":gameNameTemp,"jzt":jztime,"qihao":$('#touzhu_qihao').val()},
	                success: function (data) {
						$('#touzhu_shi').val(data);	                   
	                }
	            });
		}
	</script>
	<script src="__SYSMET__/lib/layer/2.4/layer.js" type="text/javascript"></script>
	{if($game_id==5 || $game_id==7 || $game_id==51 || $game_id==48)}
	<script src="__TEMPLATE__/sysme/js/getTime.js" type="text/javascript" charset="utf-8"></script>
	{else/}
	<script src="__TEMPLATE__/sysme/js/getTime2.js" type="text/javascript" charset="utf-8"></script>
	{/if}
	<link rel="stylesheet" type="text/css" href="__TEMPLATE__/sysme/css/animate.css" />
	<script src="__TEMPLATE__/sysme/js/jquery.mCustomScrollbar.concat.min.js"></script>
	<link href="__TEMPLATE__/sysme/css/jquery.mCustomScrollbar.css" rel="stylesheet">
	<link rel="stylesheet" href="__TEMPLATE__/sysme/css/fenfencai.css"/>
	<script type="text/javascript" src="__TEMPLATE__/sysme/js/scroll_common.js"></script>
	
	<script src="__TEMPLATE__/sysme/js/tool_scroll_game.js"></script>
	<style type="text/css">
		* {
			padding: 0;
			margin: 0;
			font-size: 1rem;
			color: #333;
			font-family: Microsoft YaHei, Arial, Helvetica, "sans-serif";
			outline: none;
			cursor: inherit;
			box-sizing: border-box;
		}

		.announcement {
			/*height: 160px;*/
			width: 1000px;
			display: flex;
			padding: 15px 0;
			margin: 0px auto;
		}

		.announcement .currentLottery {
			flex-shrink: 0;
			width: 250px;
			display: flex;
		}

		.fadeInLeftBig {
			-webkit-animation-name: fadeInLeftBig;
			animation-name: fadeInLeftBig;
		}

		.animated {
			-webkit-animation-duration: 1s;
			animation-duration: 1s;
			-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
		}

		.announcement .currentLottery .lottery_logo img {
			width: 96px;
			height: 96px;
		}

		.announcement .currentLottery .lottery_info {
			padding-left: 10px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: flex-start;
		}

		.announcement .currentLottery .lottery_info .lottery_name {
			font-size: 1rem;
			color: #333;
		}

		.announcement .currentLottery .lottery_info .issue {
			padding-top: 10px;
			padding-bottom: 20px;
			font-size: .875rem;
			color: #333;
		}

		.announcement .currentLottery .lottery_info .issue span {
			font-size: .875rem;
			color: #e94335;
		}

		.announcement .currentLottery .lottery_info .btn button {
			width: 100px;
			height: 26px;
			border: none;
			border-radius: 4px;
			background-color: #d73021;
			cursor: pointer;
		}

		.announcement .currentLottery .lottery_info .btn button i {
			color: #fff;
			padding-right: 5px;
		}

		.iconfont {
			font-family: iconfont;
			font-size: 16px;
			font-style: normal;
			-webkit-font-smoothing: antialiased;
			-webkit-text-stroke-width: .2px;
			-moz-osx-font-smoothing: grayscale;
		}

		.announcement .currentLottery .lottery_info .btn button a {
			font-size: .875rem;
			color: #fff;
		}

		.announcement .lottery-time {
			flex-shrink: 0;
			width: 356px;
			border-right: 1px dashed #ddd;
			display: flex;
			flex-direction: column;
		}

		.fadeInDownBig {
			-webkit-animation-name: fadeInDownBig;
			animation-name: fadeInDownBig;
		}

		.animated {
			-webkit-animation-duration: 1s;
			animation-duration: 1s;
			-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
		}

		.announcement .lottery-time .prompt,
		.announcement .lottery-time .timer {
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.announcement .lottery-time .prompt {
			font-size: .75rem;
			color: #333;
			padding: 10px 0;
		}

		.announcement .lottery-time .timer .board {
			background-image: url(…9sV943m5ubv3adZ9ZAbcaqPDw8fKl/KmphYeEwtdrUC8Z/AyG/AdV4JCswAAAAAElFTkSuQmCC);
			width: 80px;
			height: 66px;
			font-size: 3rem;
			color: #e94335;
			text-align: center;
			line-height: 65px;
		}

		.announcement .lottery-time .timer .splice {
			padding: 0 10px;
		}

		.announcement .lottery-record {
			flex: 1;
			flex-shrink: 1;
			display: flex;
			flex-direction: row;
		}

		.fadeInRightBig {
			-webkit-animation-name: fadeInRightBig;
			animation-name: fadeInRightBig;
		}

		.animated {
			-webkit-animation-duration: 1s;
			animation-duration: 1s;
			-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
		}

		.announcement {
			margin-bottom: 40px;
		}

		.announcement .lottery-record .record {
			flex: 1;
			flex-shrink: 1;
			display: flex;
			flex-direction: column;
			align-items: center;
		}

		.announcement .lottery-record .record .one_issue {
			font-size: .75rem;
			color: #333;
			padding-top: 10px;
			flex: 1;
			width: 304px;
		}

		.announcement .lottery-record .record .one_issue span {
			font-size: .75rem;
			color: #e94335;
			padding: 0 3px;
		}

		.announcement .lottery-record .record .ball-magic {
			display: flex;
			align-items: center;
			justify-content: center;
			padding-top: 30px;
		}

		.announcement .lottery-record .record .ball-magic>div {
			margin-right: 18px;
			display: flex;
			flex-direction: column;
			align-items: center;
		}

		.announcement .lottery-record .record .ball-magic>div div {
			border-radius: 50%;
			width: 40px;
			height: 40px;
			font-size: 1.75rem;
			color: #fff;
			background-color: #e94335;
			text-align: center;
			line-height: 40px;
		}

		.announcement .lottery-record .record .five-group {
			display: flex;
			flex-direction: column;
			flex: 1;
			min-width: 304px;
		}

		.announcement .lottery-record .record .five-group .group {
			flex: 1;
			display: flex;
			align-items: center;
			flex-wrap: nowrap;
		}

		.announcement .lottery-record .record .five-group .group .five_issue {
			font-size: .75rem;
			color: #333;
			display: flex;
			flex-wrap: nowrap;
		}

		.announcement .lottery-record .record .five-group .group .ball {
			width: 18px;
			height: 18px;
			border-radius: 50%;
			background-color: #e94335;
			font-size: .6875rem;
			color: #fff;
			margin-right: 3px;
			text-align: center;
			line-height: 18px;
			flex-shrink: 0;
		}

		.announcement .lottery-record .issue-select {
			width: 30px;
			flex-shrink: 0;
		}

		.announcement .lottery-record .issue-select .active {
			background-color: #e94335;
			color: #fff;
		}

		.announcement .lottery-record .issue-select .btn {
			border: 1px solid #e94335;
			font-size: 12px;
			color: #666;
			background-color: #fff;
			height: 60px !important;
			padding: 0 3px;
			cursor: pointer;
		}

		/*.announcement{
				height: 211px;
			}*/

		/*----------------------------------------*/
	</style>

	<style type="text/css">
		.ball-magic>span {
			width: 40px;
			height: 40px;
			border-radius: 50%;
			background-color: #e94335;
			font-size: 1.75rem;
			margin-right: 15px;
			text-align: center;
			color: white;
		}
		.guanfangwanfa{
			display: block;
		}
		.teshuwanfa{
			display: block;
		}

		.guanfangwanfa>.play-select-title>li:hover{
			background: none;
		}
		.teshuwanfa>.play-select-title>li:hover{
			background: none;
		}

		.yiban{
		width: 100%;
		height:28px;
		background-color: white;
		/*z-index: 5;*/
		border:none;
		float: left;
	}
	.yiban_active{
		background-color: red;
		color: white;
	}

.jinwu{
	position: absolute;
	top: -33px;
	left: 15px;

}
.ball-magic>.jinwu_span{
	width:20px;
	height:20px;
	font-size:0.75rem;
	margin-right:1px !important;
	display: inline-block;
}
.jinwu_div{
	height: 24px;
}


		body .timeout-class .layui-layer-btn .layui-layer-btn1{
			border-color: #1E9FFF;
			background-color: #1E9FFF;
			color: #fff;
		}
		body .timeout-class .layui-layer-btn .layui-layer-btn0{
			background:#C9C5C5;
			border-color: #C9C5C5;
			color: black;
		}
	</style>


	<script>
		$(function () {
			ss($("#scroll_one"), "h", true);
			ss($("#scroll_zero"), "h", false);
			ss($("#scroll_v"), "v", true);
		})
	
	</script>
</head>

<body>
	<script src="__TEMPLATE__/sysme/js/lobby_common.js"></script>
	<div id="showhide-wrap" class="showhide-wrap" style="display: block;">
		<!-- 滚动条 -->
		<div id="ele-game-wrap" class="ele-game-wrap clearfix mCustomScrollbar _mCS_1 mCS-autoHide" data-mcs-theme="minimal" style="position: relative; overflow: visible; width: 100%;height: 912px;">
			<div id="mCSB_1" class="mCustomScrollBox mCS-minimal mCSB_vertical mCSB_outside" tabindex="0" style="widows: 100%;">
				<div id="mCSB_1_container" class="mCSB_container" style="position:relative; top:0; left:0;width: 100%;" dir="ltr">
					<div id="ele-live-wrap" class="ele-live-wrap" style="overflow-y:auto; background-color: white;height: 100%;width: 100%;">

						<!----------------------------------------------------------------------------------------->
						<div class="announcement" style="margin-bottom: 37px;">
							<div class="currentLottery  fadeInLeftBig  bounce animated">
								<div class="lottery_logo">
									<img src="__TEMPLATE__/sysme/images/{$game_id}.png" alt="logo">
								</div>
								<div class="lottery_info">
									<div class="lottery_name">{$cp_info.cp_name_new}</div>
									<div class="issue">

										第<strong id="J-lottery-info-number" style="color: #e94335;font-size: 15px;">{$qihao_fur}</strong>期
										<br>
									</div>
									<button style="background-color: #e94335;width: 100px;border-radius: 12px; border: 0px;">
										<a href="{:url('lottery/trend')}?czid={$cp_info.id}" target="_blank" style="color: white;line-height: 14px;font-size: 14px;margin: 3px 0px;">号码走势</a>
									</button>
								</div>
							</div>
							<div class="lottery-time animated fadeInDownBig" style="width: 355px; padding-right:5px;">
								<div class="prompt" style="font-size: 1rem;border: 1px solid #F8E2B9;padding: 10px;background-color: #FFFDEB;color: #F46E00;">已开盘，欢迎投注。距离封盘还有：</div>

								<div class="deadline-number" id="deadline-number" style="margin-top: 10px;margin-left: 32px;margin-bottom: 4px;">
								<span class="c" id="djsdemo">
								    	<span class="hour" style="display: inline-block;width: 80px;height: 65px;background: url(__TEMPLATE__/sysme/images/djs_bj.png);color:white;font-size:3rem;padding-top:3px;text-align:center;">{$h_m_s.h}</span>
										<span style='width: 20px;height: 50px; display: inline-block;'>
										<img src="__TEMPLATE__/sysme/images/djs_dd.jpg"/ style="width: 8px;height: 30px;margin-top: 15px;margin-left: 7px;">
									</span>
										<span class="minute" style="display: inline-block;width: 80px;height: 65px;background: url(__TEMPLATE__/sysme/images/djs_bj.png);color:white;font-size:3rem;padding-top:3px;text-align:center;">{$h_m_s.m}</span>
										<span style='width: 20px;height: 50px; display: inline-block;'>
										<img src="__TEMPLATE__/sysme/images/djs_dd.jpg"/ style="width: 8px;height: 30px;margin-top: 15px;margin-left: 7px;">
									</span>
										<span class="second" style="display: inline-block;width: 80px;height: 65px;background: url(__TEMPLATE__/sysme/images/djs_bj.png);color:white;font-size:3rem;padding-top:3px;text-align:center;">{$h_m_s.s}</span>
								</span>
									
								</div>
							</div>
							<div class="lottery-record animated fadeInRightBig">
								<div class="record" style="position: relative;width:370px;">
									<div class="jinyi" style="display: block;">
										<div class="one_issue">
										第<span id="J-lottery-info-lastnumber">{$qihao_cur}</span>期
										</div>
										<div class="ball-magic">
											{foreach $kjjg as $k=>$v} 
											{if(count($kjjg) < 6)} 
												<span id="kjjg_info_{$k}">{$v}</span>
											{elseif (count($kjjg) > 5 && count($kjjg) < 10) /} 
												<span id="kjjg_info_{$k}" style="width:32px;height:32px;font-size:1.4rem;margin-right:12px;">{$v}</span>
											{else /}
												<span id="kjjg_info_{$k}" style="width:28px;height:28px;font-size:1.2rem;margin-right:6px;">{$v}</span> 
											{/if}
											{/foreach}
										</div>
									</div>
									
											<div id="five_recent" class="jinwu" style="display: none;">
											{foreach $kjjg_five as $kkf=>$vkf}
												<div class="jinwu_div">
													<div style="font-size: 0.75rem;display: inline-block;margin-right: 5px;">
														第<span style="font-size: 0.75rem;color: #e94335;">{$kkf}</span>期
													</div>
													<div class="ball-magic" style="display: inline-block;">
													{foreach $vkf as $vvf}
														<span class="jinwu_span">{$vvf}</span>
													{/foreach}
													</div>
												</div>	
											{/foreach}
											</div>
										 
								</div>
								<div class="issue-select">
									<div class="btn active" id="jy" style="line-height: 16px; border-radius: 0;font-size: 12px;">近一期</div>
									<div class="btn" id="jw" style="line-height: 16px; border-radius: 0; font-size: 12px;background-color: white;border: 1px solid #e94335">近五期</div>
								</div>
							</div>
						</div>
						<!----------------------------------------------------------------------------------------->


						<div class="g_33 main" style="border: none; height: 1000px;">
							<div class="switch" style="cursor: pointer;width:0px;" id="switch">
								<span></span>
							</div>
							
							<div class="play-section topp">
								<div id="J-play-select" class="play-select">
									<div id="change" style="color: white;">
										<div class="guanfangwanfa" id="guanfangwanfa" style="width: 1630px;height: 40px;">
											<ul class="play-select-title clearfix" id="myTab1" style="background:#E94335; height: 40px; color: white;">
												{foreach $play_all as $v}
												<a href="{:url('Bet/lotteryBetting')}?game_id={$game_id}&class_id={$v.dft_classid}">
													<li id="" {if condition="isset($v.current) && $v.current" } class="current" {/if} style="display:inline-block;font-size: 0.875rem;width: 80px;height: 40px;line-height: 40px;">{$v.class_name}</li>
												</a>
												{/foreach}
											</ul>
										</div>
									</div>
								</div>
							</div>


							<div class="prompt1 tipinfo1" style="left: 0px;"> </div>
							
							
							
